/* --------------------
index page
-------------------- */
.index-main {
    width: 1205px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.box-shadow {
    -webkit-box-shadow: 0px 1px 2px #bbb;
    -moz-box-shadow: 0px 1px 2px #bbb;
    box-shadow: 0px 1px 2px #bbb;
}

/* 轮播图 */
.index-banner {
    position: relative;
    height: 400px;
}

.index-loop-banner-list {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index-loop-banner {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1205px;
    height: 420px;
    opacity: 0;
    -moz-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.index-loop-banner.selected {
    visibility: visible;
    opacity: 1;
}

.selected .link {
    display: block;
    z-index: 3;
    cursor: pointer;
    height: 100%;
}

.index-loop-dot-list li {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("") no-repeat;
    cursor: pointer;
}

.index-loop-dot-list {
    position: absolute;
    left: 50%;
    bottom: 25px;
    width: 300px;
    height: 18px;
    margin-left: -150px;
    text-align: center;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

.index-loop-dot-list li.on {
    background-position: 0 -18px;
}

/* 最新课程 */
.index-news {
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 420px;
}

.index-news-title {
    height: 40px;
    padding: 0 28px 0 39px;
    background-color: #404040;
    font-size: 14px;
    color: #ffffff;
}

.index-news-title span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    border-bottom: 2px solid #10ae58;
    padding: 0 5px;
}

.index-news-list {
    background-color: #333333;
    background: rgba(51, 51, 51, 0.8);
    height: 338px;
    padding: 10px 23px;
}

.index-news-item a {
    width: 190px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    vertical-align: middle;
}

.index-news-item a:hover {
    color: #10ae58;
}

.index-news-item a, .index-news-item span {
    display: inline-block;
}

.index-news-item {
    padding: 7px 0;
    line-height: 17px;
    color: #aaa;
}

.index-news-item .num {
    font-size: 12px;
    line-height: 18px;
    color: #aaa;
    width: 18px;
    height: 18px;
    border: 1px solid #aaa;
    margin-right: 10px;
    text-align: center;
}

.index-news-item .num1,
.index-news-item .num2,
.index-news-item .num3 {
    color: #fff;
    background-color: #39a030;
    border-color: #39a030;
}

/* 更多 */
.index-more {
    margin-top: 4px;
}

.index-more a {
    display: inline-block;
    vertical-align: middle;
}

.icon-more {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(http://s.stu.126.net/res/images/ui/ui_sprite.png?1367c4a3031b72bbecf3674702d4f731) no-repeat -1px -1673px;
    margin-left: 3px;
}

/* index  common */

.index-block {
    margin-bottom: 40px;
}

.index-latest-course .index-content, .index-great-course .index-content {
    height: 390px;
}

.index-student .index-content {
    padding-bottom: 10px;
}

.index-title {
    padding: 0 0 10px 0;
}

.index-title h1 {
    color: #000;
    font-size: 22px;
}

.index-cell {
    width: 225px;
    height: 390px;
    float: left;
    overflow: hidden;
}

.index-cell a {
    display: block;
}

.index-cell img {
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.index-cell:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.cover-pic {
    width: 100%;
    height: 142px;
    overflow: hidden;
}

.cover-pic img {
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;

}

.cover-tit {
    line-height: 1.2;
}

.cover-tit h3 {
    padding: 5px 0;
}

.cover-desc {
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    vertical-align: middle;
}

.index-content {
    width: 1205px;
    height: auto;
    margin: 0 auto;
}

.index-cover {
    float: left;
    width: 980px;

}

.index-cover-item {
    float: left;
    width: 225px;
    height: 185px;
    margin: 0 0 20px 20px;
}

.index-cover-item a {
    color: #666;
}

.cover-tit h3 {
    font-size: 14px;
    font-weight: bold;
}

.index-cover-item:hover .cover-tit h3 {
    color: #10ae58;
}

.index-cover-item:hover .cover-desc {
    color: #666;
}

.index-cover-item:hover .cover-pic img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.index-content-left .index-cover-item {
    margin: 0 20px 20px 0;
}

/* ad */

.index-ad {
    width: 100%;
}

.index-ad-left {
    width: 960px;
    height: 130px;

}

.index-ad-right {
    width: 225px;
    height: 130px;

}

/*teacher*/

.index-teacher {
    width: 100%;
}

.index-people-card {
    float: left;
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, .1);
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
    transition: .3s all linear;
}

.index-teacher-item {
    width: 225px;
    height: 320px;
    margin-right: 20px;
    background-color: #fff;
    padding: 36px 24px 0;
}

.index-teacher-item:last-child {
    margin-right: 0;
}

.teacher-item {
    display: block;
    color: #666;
}

.teacher-item:hover {
    color: #666;
}

.teacher-avatar,
.teacher-name,
.teacher-job,
.teacher-intro,
.student-avatar,
.student-name,
.student-job,
.student-intro {
    display: block;
}

.teacher-avatar {
    width: 120px;
    height: 120px;
    margin: 0 auto 10px;
    border-radius: 50%;
}

.teacher-name {
    font-size: 16px;
    line-height: 24px;
    color: #07111b;
    font-weight: 700;
    -webkit-line-clamp: 1;
}

.teacher-job {
    font-size: 12px;
    line-height: 24px;
    color: #93999f;
    margin-bottom: 15px;
}

.teacher-intro {
    font-size: 12px;
    line-height: 20px;
    color: #93999f;
    height: 56px;
    -webkit-line-clamp: 3;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.index-teacher-item:hover {
    box-shadow: 0 8px 16px 0 rgba(7, 17, 27, .2);
}

.index-student-item {
    width: 285px;
    height: 125px;
    margin-right: 21px;
    background-color: #fff;
    padding: 28px 20px 0;
}

.index-student-item:last-child {
    margin-right: 0;
}

.index-student-item:hover {
    box-shadow: 0 8px 16px 0 rgba(7, 17, 27, .2);
}

.student-item {
    display: block;
    color: #666;
}

.student-item:hover {
    color: #666;
}

.student-avatar {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.student-info {
    padding: 5px 0 0 20px;
    text-align: left;
    color: #93999f;
}

.student-name {
    line-height: 2;
    font-size: 16px;
    color: #07111b;
}

.student-job {
    line-height: 1.8;
}

/* 专业方向 */
.index-prof {
    width: 1205px;
    border: 1px solid #dddddd;
    border-top: none;
    padding: 25px 0;
    background-color: #fff;
}

.prof-item {
    border-left: 1px solid #dddddd;
    width: 275px;
    height: 60px;
    padding: 0 10px;
    display: inline-block;
}

.prof-item:first-child {
    border-left: none;
}

.prof-item .imgbox {
    text-align: center;
    padding: 13px 0 10px 0;
    font-size: 32px;
    color: #2187e0;
    width: 46px;
    height: 46px;
    margin-left: 15px;
    margin-right: -82px;
}

.prof-item .tit {
    color: #333333;
    width: 170px;
    font-size: 16px;
    margin-left: 62px;
    margin-top: 10px;
}

.prof-item .tip {
    color: #999999;
    width: 170px;
    font-size: 12px;
    margin-left: 62px;
    padding-top: 32px;
}

.icon-e61a:before {
    content: '\e61a';
}

.icon-2001:before, .icon-69001:before, .icon-1001112001:before, .icon-1001133001:before, .icon-e61b:before {
    content: '\e61b';
}

.icon-1:before, .icon-2:before, .icon-5001:before, .icon-10002:before, .icon-11001:before, .icon-12001:before, .icon-17002:before, .icon-e619:before {
    content: '\e619';
}

.icon-e61c:before {
    content: '\e61c';
}

.icon-e61d:before {
    content: '\e61d';
}

.icon-4001:before, .icon-7001:before, .icon-e61e:before {
    content: '\e61e';
}

.icon-e61f:before {
    content: '\e61f';
}

.icon-e620:before {
    content: '\e620';
}

.icon-6001:before, .icon-13001:before, .icon-e622:before {
    content: '\e622';
}

.icon-e623:before {
    content: '\e623';
}

.icon-21002:before, .icon-56001:before, .icon-85003:before, .icon-1001100001:before, .icon-1001138001:before, .icon-e628:before {
    content: '\e628';
}

.icon-10001:before, .icon-16001:before, .icon-1001175001:before, .icon-1002176002:before, .icon-1001170001:before, .icon-e629:before {
    content: '\e629';
}

.icon-8001:before, .icon-9001:before, .icon-14001:before, .icon-15001:before, .icon-e62a:before {
    content: '\e62a';
}

.icon-20003:before, .icon-55003:before, .icon-1001168002:before, .icon-e62b:before {
    content: '\e62b';
}

.icon-17003:before, .icon-21001:before, .icon-55004:before, .icon-1001137001:before, .icon-1001094001:before, .icon-e62c:before {
    content: '\e62c';
}

.icon-22001:before, .icon-27001:before, .icon-e62d:before {
    content: '\e62d';
}

.icon-20002:before, .icon-55005:before, .icon-1001168001:before, .icon-e62e:before {
    content: '\e62e';
}

.icon-17001:before, .icon-20001:before, .icon-e62f:before {
    content: '\e62f';
}

.icon-28001:before, .icon-34001:before, .icon-e61a:before {
    content: '\e61a';
}

.icon-51001:before, .icon-e634:before {
    content: '\e634';
}

.icon-50002:before, .icon-1001122002:before, .icon-e633:before {
    content: '\e633';
}

.icon-55001:before, .icon-e635:before {
    content: '\e635';
}

.icon-57001:before, .icon-83001:before, .icon-90001:before, .icon-e636:before {
    content: '\e636';
}

.icon-1001201003:before, .icon-85002:before, .icon-e901:before {
    content: '\e901';
}

.icon-85001:before, .icon-e900:before {
    content: '\e900';
}

.icon-93001:before, .icon-e90f:before {
    content: '\e90f';
}

.icon-93002:before, .icon-e910:before {
    content: '\e910';
}

.icon-1001106002:before, .icon-e911:before {
    content: '\e911';
}

.icon-1001113001:before, .icon-e912:before {
    content: '\e912';
}

.icon-1001127001:before, .icon-e913:before {
    content: '\e913';
}

.icon-1001134001:before, .icon-1001177002:before, .icon-1001176001:before, .icon-e914:before {
    content: '\e914';
}

.icon-1001137002:before, .icon-1001149002:before, .icon-55002:before, .icon-e915:before {
    content: '\e915';
}

.icon-1001149004:before, .icon-e916:before {
    content: '\e916';
}

.icon-e917:before, .icon-1001180001:before {
    content: '\e917';
}

.icon-1001173001:before, .icon-e919:before {
    content: '\e919';
}

.icon-e91a:before {
    content: '\e91a';
}

.icon-coupon:before {
    content: "\e91c";
}

.icon-1001197001:before {
    content: "\e91d";
}

.icon-feedback:before {
    content: '\e91e';
}

.icon-mobile:before, .icon-e91f:before {
    content: '\e91f';
}

.icon-totop:before, .icon-e920:before {
    content: '\e920';
}

.icon-1001209003:before, .icon-e921:before {
    content: '\e921';
}

.icon-1001210006:before, .icon-e922:before {
    content: '\e922';
}

.icon-1001210002:before, .icon-e923:before {
    content: '\e923';
}

.icon-1001149004:before, .icon-e924:before {
    content: '\e924';
}

.icon-1001210003:before, .icon-e925:before {
    content: '\e925';
}

.icon-1001195002:before, .icon-e926:before {
    content: '\e926';
}

.icon-e927:before, .icon-1001227001:before {
    content: "\e927";
}

.icon-uniE609:before {
    content: "\e609";
}

.icon-empty-star:before {
    content: "\e928";
}

.icon-solid-star:before {
    content: "\e929";
}

@font-face {
    font-family: 'icomoon';
    src: url(iconmoon/icomoon.eot?c66448b7aeafcf47956f24a85b620a8b);
    src: url(iconmoon/icomoon.eot?#iefix) format("embedded-opentype"), url(iconmoon/icomoon.ttf?205abc02940d03b34b3d8af360a111b3) format("truetype"), url(iconmoon/icomoon.woff?e9b176d8019a4e5c8acf7711de40eaed) format("woff"), url(iconmoon/icomoon.svg?7a891cbe9eff3aa0338c453a6d3d7727) format("svg");
    font-weight: normal;
    font-style: normal;
}

.f-icon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}